<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx"/>
    <meta name="description" content="yyyyyyy"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375"/>
    <meta name="format-detection" content="telephone=no">
    <title>森淼快聘</title>
    <link rel="stylesheet" href="./css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/login.css">
    <!--<script src="../senmiao-mobile/plugin/angular.js"></script>-->

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style>
    .send-code{
        width: auto;
        font-weight: 500;
        right: 0;
        font-size: 13px;
        background: #22d673;
        border: none;
        position: absolute;
        bottom: 5px;
        padding: 2px 3px;
        color: white;
    }
    .btn:hover{
        color:white;
    }
</style>
</head>
<body>
<div class="container-fluid">
    <!--header start-->
    <div class="row header">
        <h6 align="center">SEN MIAO</h6>
        <h4 align="center">森淼快聘</h4>
    </div>
    <!--header end-->

    <!--content start-->
    <div class="row content">
        <ul class="nav nav-tabs">
            <li><a href="#account-login" data-toggle="tab">账号密码登录</a></li>
            <li class="active"><a href="#dynamic-login" data-toggle="tab">动态密码登录</a></li>
        </ul>
        <div class="tab-content">
            <div id="account-login" class="tab-pane fade">
                <!--三角形start-->
                <span class="top-angle"></span>
                <!--三角形end-->

                <form  name="myForm">
                    <label>
                        <input placeholder="用户名/手机号" type="text" name="user"  data-ng-model="user" id="user1">
                    </label>
                    <label style="position: relative">
                        <input placeholder="请输入密码" type="password" name="password"  data-ng-model="password"
                               id="password1">

                    </label>

                    <label>
                        <input class="btn" type="button" name="submit" value="登录"
                               data-ng-disabled="myForm.user.$dirty && myForm.user.$invalid||myForm.password.$dirty && myForm.password.$invalid">
                    </label>
                    <!--<h5 align="right">-->
                        <!--<a href="#" style="color: #22d673">忘记密码？</a>-->
                    <!--</h5>-->
                </form>
            </div>

            <div class="tab-pane fade in active" id="dynamic-login">
                <span class="top-angle" style="right: 25%;left: auto"></span>
                <form data-ng-app="myApp"  name="myForm" data-ng-controller="myController">
                    <label for="user">
                        <input placeholder="请输入手机号" type="text" name="user" data-ng-model="user" id="user">
                    </label>
                    <label for="password" style="position: relative">
                        <input placeholder="请输入验证码" type="number" name="password" data-ng-model="password"
                               id="password">
                        <button  class="btn  send-code"  data-ng-click="getTestCode()" data-ng-bind="description" data-ng-disabled="canClick"></button>
                    </label>
                    <label for="submit">
                        <input class="btn" type="button" name="submit" value="登录" id="submit"
                               data-ng-disabled="myForm.user.$dirty && myForm.user.$invalid||myForm.password.$dirty && myForm.password.$invalid">
                    </label>
                </form>
            </div>
        </div>
    </div>
    <!--content end-->
</div>
</body>
<script src="js/common/jquery-2.1.4.min.js"></script>
<script src="plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="./js/md5.js"></script>
<script src="./plugin/angular.js"></script>
<script src="./js/myreg.js"></script>
<script src="http://cdn.bootcss.com/blueimp-md5/2.7.0/js/md5.js"></script>
<script src="js/common/common.js"></script>
<script src="js/login.js"></script>
</html>